.other_half{
    background-color: #FA62AF;
    height: 100vh;
    &_title{
        padding: 20rpx;
        font-size: 44rpx;
        color: #FFFFFF;
    }
    &_content{
        background-color: #FFFFFF;
        margin: 20rpx;
        height: 700rpx;
        border-radius: 40rpx;
        &_avatar{
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 60rpx;
            &_content{
                width: 160rpx;
                height: 160rpx;
                border-radius: 160rpx;
                background-color: #D7D7D9;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 120rpx !important;
                color: #ffffff;
            }
            &_image{
                width: 160rpx;
                height: 160rpx;
                border-radius: 160rpx;
            }
        }

        &_invite{
            margin-top: 40rpx;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            &_name{
                font-size: 30rpx;
                color:#7B7B7B;
            }
            &_code{
                margin-top: 20rpx;
                font-size: 44rpx;
                font-weight: 700;
                color: #FA62AF;
            }
        }
        &_footer{
            &_name{
                font-size: 30rpx;
                color:#7B7B7B;
                display: flex;
                justify-content: center;
            }
            &_other{
                width: 60rpx;
                height: 60rpx;
                border-radius: 60rpx;
                background-color: #FA62AF;
                display: flex;
                align-items: center;
                justify-content: center;
                &_icon{
                    color: #FFFFFF;
                    font-weight: 700;
                }
            }
            &_skip{
                height: 48rpx;
                display: flex;
                justify-content: flex-end;
                margin: 20rpx 30rpx;
                font-size: 28rpx;
                color: #55d4e6;
            }
            
        }
    }
    &_info{
        margin-top: 40rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        &_header{
            width: 160rpx;
            height: 160rpx;
            &_icon{
                width: 160rpx;
                height: 160rpx;
                border-radius: 160rpx;
                background-color: #D7D7D9;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 120rpx !important;
                color: #ffffff;
            }
            &_image{
                width: 160rpx;
                height: 160rpx;
                border-radius: 160rpx;
            }
        }
        &_name{
            margin-top: 20rpx;
            color: #181818;
            font-size: 34rpx;
            font-weight: 700;
        }
        &_field{
            margin: 40rpx 0;
            width: 90%;
            color: #969799;
            display: flex;
            align-items: center;
            border-bottom: 1px solid rgb(235, 237, 240);
            padding-bottom: 20rpx;
            font-size: 28rpx;
            display: flex;
            align-items: center;
            &_date{
                flex: 1;
                margin-left: 10rpx;
            }
        }
        .error{
            color: #FF0000;
        }
    }
    &_dialog{
        .van-button{
            width: 100%;
        }
    }
}